Produced by Araxis Merge on 2022-11-18 03:12:09 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | Porto Theme/app/design/frontend/Smartwave/porto/web/css/source | _breadcrumbs.less | 2021-02-09 08:18:04 +0000 |
| 2 | Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/css/source | _breadcrumbs.less | 2021-02-09 08:18:04 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 162 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | // /** | 1 | // /** | |||
| 2 | // * Copyright © 2015 Magento. All rights reserved. | 2 | // * Copyright © 2015 Magento. All rights reserved. | |||
| 3 | // * See COPYING.txt for license details. | 3 | // * See COPYING.txt for license details. | |||
| 4 | // */ | 4 | // */ | |||
| 5 | 5 | |||||
| 6 | // | 6 | // | |||
| 7 | // Common | 7 | // Common | |||
| 8 | // _____________________________________________ | 8 | // _____________________________________________ | |||
| 9 | 9 | |||||
| 10 | & when (@media-common = true) { | 10 | & when (@media-common = true) { | |||
| 11 | .page-wrapper > .breadcrumbs { | 11 | .page-wrapper > .breadcrumbs { | |||
| 12 | padding: 0; | 12 | padding: 0; | |||
| 13 | background-color: @breadcrumbs__background-color; | 13 | background-color: @breadcrumbs__background-color; | |||
| 14 | color: @breadcrumbs__font-color; | 14 | color: @breadcrumbs__font-color; | |||
| 15 | font-size: .75rem; | 15 | font-size: .75rem; | |||
| 16 | margin-bottom: 0; | 16 | margin-bottom: 0; | |||
| 17 | .items { | 17 | .items { | |||
| 18 | padding: 12px 10px; | 18 | padding: 12px 10px; | |||
| 19 | display: flex; | 19 | display: flex; | |||
| 20 | flex-wrap: wrap; | 20 | flex-wrap: wrap; | |||
| 21 | font-size: 1em; | 21 | font-size: 1em; | |||
| 22 | color: inherit; | 22 | color: inherit; | |||
| 23 | >li { | 23 | >li { | |||
| 24 | text-shadow: none; | 24 | text-shadow: none; | |||
| 25 | text-transform: uppercase; | 25 | text-transform: uppercase; | |||
| 26 | display: flex; | 26 | display: flex; | |||
| 27 | align-items: center; | 27 | align-items: center; | |||
| 28 | margin: 0; | 28 | margin: 0; | |||
| 29 | &.home a { | 29 | &.home a { | |||
| 30 | position: relative; | 30 | position: relative; | |||
| 31 | width: 14px; | 31 | width: 14px; | |||
| 32 | text-indent: -9999px; | 32 | text-indent: -9999px; | |||
| 33 | &:after { | 33 | &:after { | |||
| 34 | font-family: porto-icons; | 34 | font-family: porto-icons; | |||
| 35 | content: "\e883"; | 35 | content: "\e883"; | |||
| 36 | float: left; | 36 | float: left; | |||
| 37 | text-indent: 0; | 37 | text-indent: 0; | |||
| 38 | } | 38 | } | |||
| 39 | } | 39 | } | |||
| 40 | a { | 40 | a { | |||
| 41 | display: inline-block; | 41 | display: inline-block; | |||
| 42 | border-color: transparent; | 42 | border-color: transparent; | |||
| 43 | background: transparent; | 43 | background: transparent; | |||
| 44 | color: inherit; | 44 | color: inherit; | |||
| 45 | padding: 0; | 45 | padding: 0; | |||
| 46 | } | 46 | } | |||
| 47 | &:not(:last-child)::after { | 47 | &:not(:last-child)::after { | |||
| 48 | position: relative; | 48 | position: relative; | |||
| 49 | content: "\e81a"; | 49 | content: "\e81a"; | |||
| 50 | font-family: porto-icons; | 50 | font-family: porto-icons; | |||
| 51 | right: -1px; | 51 | right: -1px; | |||
| 52 | display: block; | 52 | display: block; | |||
| 53 | float: right; | 53 | float: right; | |||
| 54 | margin: 0 4px; | 54 | margin: 0 4px; | |||
| 55 | width: 20px; | 55 | width: 20px; | |||
| 56 | text-align: center; | 56 | text-align: center; | |||
| 57 | font-style: normal; | 57 | font-style: normal; | |||
| 58 | font-size: 12px; | 58 | font-size: 12px; | |||
| 59 | line-height: inherit; | 59 | line-height: inherit; | |||
| 60 | } | 60 | } | |||
| 61 | strong { | 61 | strong { | |||
| 62 | font-weight: inherit; | 62 | font-weight: inherit; | |||
| 63 | } | 63 | } | |||
| 64 | } | 64 | } | |||
| 65 | } | 65 | } | |||
| 66 | a, a:hover, a:focus { | 66 | a, a:hover, a:focus { | |||
| 67 | color: @breadcrumbs__font-color; | 67 | color: @breadcrumbs__font-color; | |||
| 68 | } | 68 | } | |||
| 69 | .item:not(:last-child):after { | 69 | .item:not(:last-child):after { | |||
| 70 | line-height: 15px; | 70 | line-height: 15px; | |||
| 71 | } | 71 | } | |||
| 72 | } | 72 | } | |||
| 73 | } | 73 | } | |||
| 74 | 74 | |||||
| 75 | // | 75 | // | |||
| 76 | // Mobile | 76 | // Mobile | |||
| 77 | // _____________________________________________ | 77 | // _____________________________________________ | |||
| 78 | 78 | |||||
| 79 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | 79 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | |||
| 80 | .breadcrumbs { } | 80 | .breadcrumbs { } | |||
| 81 | } | 81 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.